<%-- 
    Document   : RRHH_PLANILLA
    Created on : 27-ene-2015, 9:51:12
    Author     : equipo_4
--%>

<%@page import="RRHH_Modelo.RHH_PLANILLA_EMPLEADOS"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.util.List"%>
<%@page import="RRHH_Modelo.RHH_DATOS"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="../css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
        <script src="../js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/RRHH/RRHH_PLANILLA_PROSVISION_EMPLEADOS.js" type="text/javascript"></script>
        <title>BROKER</title>
        <style type="text/css">
            table tr:hover:nth-child(1n) {
                background: #67A77B;
                color: #C2DFB3;
            }
        </style>
    </head>
    <body>
        <div id="entreperiodo">
            <span class="negrillaenter">Periodo</span>
            <input type="text" id="año" placeholder="AÑO" value="<%out.print(new GregorianCalendar().get(Calendar.YEAR));%>" class="chico"/>
            <input type="hidden" id="mesactual" value="<%out.print(new GregorianCalendar().get(Calendar.MONTH)+1);%>" />
            <select id="mes" onchange="cargar();">                                            
                <option value="1">ENERO</option>
                <option value="2">FEBRERO</option>
                <option value="3">MARZO</option>
                <option value="4">ABRIL</option>
                <option value="5">MAYO</option>
                <option value="6">JUNIO</option>
                <option value="7">JULIO</option>
                <option value="8">AGOSTO</option>
                <option value="9">SEPTIEMBRE</option>
                <option value="10">OCTUBRE</option>
                <option value="11">NOVIEMBRE</option>
                <option value="12">DICIEMBRE</option>
            </select>
        </div>        
        <%
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));                     
            Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());            
        %>        
        <button type="button" style="display:none;" id="recargar" onclick="volver_a_cargar();">VOLVER A CALCULAR</button>               
        <button type="button" id="provicionar" style="display: none;" onclick="generar();">CERRAR PLANILLA</button>        
        <div id="popUpbackGround" onclick="salir();"></div>
        <div id="popfoto" class="popup">
            <img alt="IMAGENES" src="" id="foto" width="500px" height="500px"/>
        </div>
        <div class="popup" id="div_campos" style="height: 200px; width: 200px; overflow: auto;">
            <form id="form">                
                <input type="hidden" name="evento" value="agregar_datos"/>                
                <input type="hidden" name="mes_act" value=""/>
                <input type="hidden" name="ano_act" value=""/>
                <ul>
                    <%
                        List<RHH_DATOS> lista_datos = new RHH_DATOS(con).Todos();
                        for(RHH_DATOS dato:lista_datos)
                        {
                            out.print("<li><span>"+dato.getDESCRIPCION()+"</span><input type='checkbox' name='dato_"+dato.getID()+"'/></li>");
                        }                                                
                    %>
                </ul>      
                <button type="button" onclick="agregar_dato();">AGREGAR</button>
            </form>
        </div>
        <div id="tituloFormulario">PLANILLA DE PROVISION DE SALARIOS</div>
        <div style="width: 100%; height: 500px; overflow-x: auto;">
            <table id="tabla">

            </table>
        </div>        
        <div class="popup" id="incremento_salarial">
            
        </div>
        <div class="popup" id="detalle_anticipo">
            
        </div>
        <div class="popup" id="detalle_descuento">
            
        </div>
        <div class="popup" id="pop_profecion">
            
        </div>
        <div class="popup" id="pop_incremento_planilla">
            
        </div>
        <div class="popup" id="pop_otros_ingresos">
            
        </div>
        <div class="popup" id="pop_otros_ingresos_noimp">
            
        </div>
        <div class="popup" id="popAnticipo">
            
        </div>
        <div class="popup" id="popDescuento">
            
        </div>        
    </body>    
</html>
